@backgroundColor: gray;
@mainShadowColor: darkgray;
@rowHoverColor: #eee;
@defaulSpace: 10px;
@defaulBorderSpace: 5px;
@defaultBackground: #F5F6F7;
@menuHeight: 40px;
@topZindex: 100;

.withShadow (@radius: 5px, @color: @mainShadowColor) {
  box-shadow: @radius @radius @radius @color;
  -webkit-box-shadow: @radius @radius @radius @color;
  -moz-box-shadow: @radius @radius @radius @color;
}

.roundedCorners (@radius: 25px) {
  -moz-border-radius: @radius;
  border-radius: @radius;
}

.fixItem(@top: 0) {
  position: fixed;
  top: @top;
}

table.defaultTableStyle {
    @borderStyle: 1px solid;
    border: @borderStyle;
    border-collapse: collapse;
    td, th {
        border: @borderStyle;
        padding : @defaulBorderSpace;
    }
    tbody tr:hover {
        background-color: @rowHoverColor;
        &.clickable {
            cursor: pointer;
        }
    }
}

html, body
{
    background: @defaultBackground;
    margin: 0;
}

.mainContainer
{
    /*.roundedCorners;
    background-color: white;
    border: 1px solid @mainShadowColor;*/
    padding: 20px;
    margin: @defaulSpace;
    margin-top: @menuHeight;
}

.edit_error_class {
  display: block;
  color: red;
}

.lift_error {
  color: red;
}

.lift_warning {
  color: yellow;
}

.lift_notice {
}

.mainContent {
    width: 500px;
    display: inline;
}
.menuBar {
    display: block;
    background-color: rgba(0, 0, 40, 0.6);
    height: @menuHeight;
    width: 100%;
    .fixItem;
    margin-bottom: @defaulSpace;
    z-index: @topZindex;
}
.menuBar ul {
    padding: @defaulSpace 0 @defaulSpace 0;
    margin: 0 0 @defaulSpace 0;
    -webkit-margin: 0;
}

.menuBar ul li {
    margin: @defaulSpace;
	list-style:none;
    display: inline;
}

.menuBar ul li a, .menuBar ul li span  {
    height: 100%;
    padding: @defaulSpace;
    text-decoration:none;
    color: #ffffff;
    font: 100% sans-serif;
}
.menuBar ul li span {
	background-color: rgba(127, 255, 0, 0.6);
    color: #000000;
}

.contactItem:hover * {
	background-color: @rowHoverColor;
}

.floating.fixed {
  .fixItem(@menuHeight);
  .withShadow;
}